<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="../project/static/css/normalize.css">
</head>

<body>
    <!-- 头部搜索框部分 -->
    <div class="search_content">
        <div class="lf"></div>
        <div class="search">
            <form action="">
                <input type="search" placeholder="厨卫保暖">
            </form>
        </div>
        <div class="rg">
            <a href="#">登录</a>
        </div>
    </div>
    <!-- banner部分 -->
    <div class="banner">
        <img src="https://oss.suning.com/aps/aps_learning/iwogh/2021/04/16/19/iwoghBannerPicture/3acbc8796f8d4caf9c78540a93799a1c.png?format=_is_1242w_610h"
            alt="">
    </div>
    <!-- 广告部分 -->
    <div class="gg">
        <a href="#"><img src="https://image3.suning.cn/uimg/cms/img/161855572853035431.gif" alt=""></a>
        <a href="#"><img src="https://image3.suning.cn/uimg/cms/img/161855574764293754.gif" alt=""></a>
        <a href="#"><img src="https://image1.suning.cn/uimg/cms/img/161855576572741812.gif" alt=""></a>
    </div>
    <!-- nav部分 -->
    <nav>
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/161294178174781132.png?from=mobile" alt="">
            <span>苏宁秒杀</span>
        </a>
        <a href="#">
            <img src="https://image2.suning.cn/uimg/cms/img/161293951076282456.png?from=mobile" alt="">
            <span>苏宁超市</span>
        </a>
        <a href="#">
            <img src="https://image3.suning.cn/uimg/cms/img/161294179334814175.png?from=mobile" alt="">
            <span>苏宁拼购</span>
        </a>
        <a href="#">
            <img src="https://image3.suning.cn/uimg/cms/img/161293957567317395.png?from=mobile" alt="">
            <span>手机数码</span>
        </a>
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/161293958842515136.png?from=mobile" alt="">
            <span>苏宁家电</span>
        </a>
        <a href="#">
            <img src="https://image2.suning.cn/uimg/cms/img/161293959950045622.png?from=mobile" alt="">
            <span>免费水果</span>
        </a>
        <a href="#">
            <img src="https://image3.suning.cn/uimg/cms/img/161293961484173843.png?from=mobile" alt="">
            <span>会员</span>
        </a>
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/161293963977525820.png?from=mobile" alt="">
            <span>签到有礼</span>
        </a>
        <a href="#">
            <img src="https://image2.suning.cn/uimg/cms/img/161293965567020138.png?from=mobile" alt="">
            <span>领劵中心</span>
        </a>
        <a href="#">
            <img src="https://image3.suning.cn/uimg/cms/img/161293968063152286.png?from=mobile" alt="">
            <span>更多频道</span>
        </a>
    </nav>
    <!-- 登录 -->
    <div class="x">
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/157588645542963955.png" alt="">
        </a>
    </div>
    <!-- 新人礼包 -->
    <div class="lb">
        <div  class="lb-1">
            <img src="https://image2.suning.cn/uimg/cms/img/160415964665844208.png" alt="">
        </div>
        <div class="space"></div>
        <div class="lb-2">
            <a href="#">
                <img src="https://image1.suning.cn/uimg/cms/img/160415965447533335.gif" alt="">
            </a>
            <div class="space"></div>
            <a href="#">
                <img src="https://image1.suning.cn/uimg/cms/img/160415965447533335.gif" alt="">
            </a>
        </div>
    </div>
     <!-- 新人礼包 -->
     <div class="lb">
        <div  class="lb-1">
            <img src="https://image2.suning.cn/uimg/cms/img/160415964665844208.png" alt="">
        </div>
        <div class="space"></div>
        <div class="lb-2">
            <a href="#">
                <img src="https://image1.suning.cn/uimg/cms/img/160415965447533335.gif" alt="">
            </a>
            <div class="space"></div>
            <a href="#">
                <img src="https://image1.suning.cn/uimg/cms/img/160415965447533335.gif" alt="">
            </a>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="xx">
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/157543975265772267.png?from=mobile" alt="">
            <span>猜你喜欢</span>
        </a>
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/157562573743964714.png?from=mobile" alt="">
            <span>分类</span>
        </a>
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/157543978244974042.png?from=mobile" alt="">
            <span>排行榜</span>
        </a>
        <a href="#">
            <img src="https://image1.suning.cn/uimg/cms/img/157543979328589256.png?from=mobile" alt="">
            <span>购物车</span>
        </a>
        <a href="#">
            <img src="https://image2.suning.cn/uimg/cms/img/157543980229048220.png?from=mobile" alt="">
            <span>我的易购</span>
        </a>
    </div>
    <!-- 红包 -->
    <div class="hb">
        <a href="#">
            <img src="https://image2.suning.cn/uimg/cms/img/160976296805480325.gif" alt="">
        </a>
    </div>
    <!-- 苏宁易购 -->
    <div class="sn">
        <a href="#">
            <img src="https://image.suning.cn/uimg/cms/img/159463095607612281.png" alt="">
        </a>
    </div>
</body>

</html>